.leftPanel {
  display: flex;
  flex-direction: column;
  @top: @SYSMARGINTOP;
  @left: @SYSMARGIN;
  @width: @SYSPANELWIDTH;
  @bottom: @SYSMARGINBOTTOM;
  @padding: 20px;
  @titleHeight: 30px;
  top: @top;
  left: -(@width + @left);
  bottom: @bottom;
  width: @width;
  padding: @padding;
  > .fullBlock {
    .fullSize(@padding, @padding, @padding, @padding);
  }
  &.open {
    left: @left;
    &.min {
      left: -(@width + @left) !important;
      .minmax {
        right: -@left;
        flex-direction: row-reverse;
        transform-origin: right top;
        transform: rotateZ(270deg);
        top: 0;
        .icon {
          transform: rotateZ(270deg);
        }
      }
    }

  }
  &.withStakeNumPanelBottom {
    bottom: @SYSMARGINSTAKENUMPANELBOTTOM;
  }

}